import { Outlet } from 'react-router-dom'
import {
  SonicIcon, VideoCameraIcon, UserIcon, BugIcon
} from 'tdesign-icons-react'
import SideBar from '@/components/SideBar'
import styles from './app.module.less'

const App = () => {

  const menuList: SideBarMenuListType = [
    {
      title: '首页',
      icon: <SonicIcon/>,
      value: 'home',
      isTailNode: true,
    },
    // {
    //   title: '视频',
    //   icon: <VideoCameraIcon/>,
    //   value: 'video',
    //   isTailNode: true,
    // },
    {
      title: '用户',
      icon: <UserIcon/>,
      value: 'user',
      isTailNode: true,
    },
    {
      title: '测试',
      icon: <BugIcon/>,
      value: 'test',
      isTailNode: true,
    },
    // {
    //   title: '管理',
    //   icon: <VideoCameraIcon/>,
    //   value: 'video',
    //   isTailNode: true,
    // },
  ]

  return <div className={'app'}>
    <SideBar currentAppRouteKey='bilibili' menuList={menuList} />
    {/* // 这个侧边栏就是右边的子页面的显示区域 */}
    <div className={'content'}>
      <Outlet />
    </div>
  </div>
}

export default App
